<template>
    <div>
        详情列表
    </div>
</template> 

<script>
export default {
    data(){
        return {
            num:1
        }
    },
    created(){
        console.log("id",this.$route.params.id);
        console.log(this)
        // axios.get('/api/detail')
    },
    // beforeRouteUpdate (to){
    //     //this.$router  路由的实例 跳路由  this.$route ：当前路由对象  区别
    //     console.log("beforeRouteUpdate",this.$route.params.id); 
    //     console.log("beforeRouteUpdate",to)
    //     // axios.get('/')
    // },
    //监听
    watch:{
        $route(newVal,oldVal){
            console.log(newVal,oldVal)
        }
    }
}
</script>

//npm run serve   nodejs  起服务  commonjs规范    module.exports exports.xxx   require

//vue es6模块规范  export  export default  import 